.not-select{
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
      
    /*webkit浏览器*/
    -ms-user-select: none;
    -ms-overflow-style: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;
}

.swiper-wrop{
    .not-select();
    box-shadow: 0 4px 8px 6px rgba(7, 17, 21, 0.06);
    width: 100%;
    // min-width: 1200px;
    margin-bottom: 20px;
    .swiper-container{
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .swiper-wrapper{
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }
    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }
    .slider{
        width: 100%;
        height: 400px;
        background-color: rgb(32, 30, 30);
        text-align: center;
        color: #fff;
        font-size: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        .img-box{
            width: 100%;
            height: 100%;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    .watermark{
        position: absolute;
        right: 5px;
        color: rgba(255,255,255,0.3);
        font-size: 12px;
        bottom: 10px;
        z-index: 10;
    }
}

@media (max-width: 1200px) {
    .swiper-wrop{
        min-width: 100%;
        .slider{
            height: 4rem;
            font-size: .5rem;
            border-radius: 0;
        }
    } 
}